<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文本设置</title>
    <style>
        body {
            height: 2500px;
        }

        .p1 {
            /* 行高，设置固定px,设置倍数 */
            line-height: 2;
            letter-spacing: 10px;
        }

        .box {
            width: 100px;
            height: 100px;
            border: 1px solid red;
            /* 设置文字在容器里面水平居中 */
            text-align: center;
            /* 文字的行高设置成容器一样，就会在容器里面垂直居中 */
            line-height: 100px;
        }

        .p2 {
            /* 单词间距，设置空格的间距 */
            word-spacing: 20px;
            /* 设置字母或者中文汉字之间的间距 */
            letter-spacing: 10px;
        }

        .p3 {
            /* 让网页显示的效果和代码内容的格式一样 */
            /* white-space: pre; */
            /* 让网页里面的文字不还换 */
            /* white-space: nowrap; */
            /* white-space: pre-wrap; */
            white-space: pre-line;
        }

        .p4 {
            border: 1px solid red;
            width: 300px;
        }

        .p4 {
            /* 设置文本单还，超过容器以省略号表示 */
            white-space: nowrap;
            /* 隐藏溢出父容器的部分 */
            overflow: hidden;
            /* 对于溢出的部分用省略号表示 */
            text-overflow: ellipsis;

        }
    </style>
</head>

<body>
    <p class=p1>
        项籍少时，学书不成，去；学剑，又不成。项梁怒之。籍曰：“书足以记名姓而已。剑一人敌，不足学，学万人敌。”于是项梁乃教籍兵法，籍大喜，略知其意，又不肯竟学。项梁尝有栎阳逮，乃请蕲狱掾曹咎书抵栎阳狱掾司马欣，以故，事得已。项梁杀人，与籍避仇于吴中。吴中贤士大夫皆出项梁下。每吴中有大繇役及丧，项梁常为主办，阴以兵法部勒宾客及子弟，以是知其能。秦始皇帝游会稽，渡浙江，梁与籍俱观。籍曰：“彼可取而代也。”梁掩其口，曰：“毋妄言，族矣！”梁以此奇籍。籍长八尺余，力能扛鼎，才气过人，虽吴中子弟皆已惮籍矣。
        秦二世元年七月，陈涉等起大泽中。其九月，会稽守通谓梁曰：“江西皆反，此亦天亡秦之时也。吾闻先即制人，后则为人所制。吾欲发兵，使公及桓楚将。”是时桓楚亡在泽中。梁曰：“桓楚亡，人莫知其处，独籍知之耳。”梁乃出，诫籍持剑居外待。梁复入，与守坐，曰：“请召籍，使受命召桓楚。”守曰：“诺。”梁召籍入。须臾，梁眴籍曰：“可行矣！”于是籍遂拔剑斩守头。项梁持守头，佩其印绶。门下大惊，扰乱，籍所击杀数十百人。一府中皆慴伏，莫敢起。梁乃召故所知豪吏，谕以所为起大事，遂举吴中兵。使人收下县，得精兵八千人。梁部署吴中豪杰为校尉、候、司马。有一人不得用，自言于梁。梁曰：“前时某丧使公主某事，不能办，以此不任用公。”众乃皆伏。于是梁为会稽守，籍为裨将，徇下县。
    </p>
    <div class="box">
        Hello
    </div>
    <div class="p2">
        hello how are you i fine and you
    </div>
    <p class="p3">
        朝代： 唐代作者：孟浩然更新时间：2017-03-14秦二世元年七月，陈涉等起大泽中。其九月，会稽守通谓梁曰：“江西皆反，此亦天亡秦之时也。吾闻先即制人，后则为人所制。
        春眠 觉晓，处处闻啼鸟。
        夜 来风雨声，花落知 多少。
    </p>
    <p class="p4">其九月，会稽守通谓梁曰：“江西皆反，此亦天亡秦之时也。吾闻先即制人，后则为人所制。</p>
</body>

</html>